<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
      <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
      <style>
        .checkbox-inline input[type=checkbox],.radio-inline input[type=radio] {
           margin-top: 4px;
      }
      </style>
</head>
<form action="" class="form-inline">
<body style="color:#333;padding:3px;">
  <table class="table-bordered table" style="margin: 20px 20px;">
    <tr class="info">
      <th style="min-width: 160px;width: 160px">No.</th>
      <th>省份</th>
    </tr>
    <tr>
      <td>1</td>
      <td><label for="ah" class="checkbox-inline"><input type="checkbox" name="province" id="ah">安徽省</label></td>
    </tr>
     <tr>
      <td>2</td>
      <td><label for="js" class="checkbox-inline"><input type="checkbox" name="province" id="js">江苏省</label></td>
    </tr>
     <tr>
      <td>3</td>
      <td><label for="ssh" class="checkbox-inline"><input type="checkbox" name="province" id="ssh">上海市</label></td>
    </tr>
     <tr>
      <td>4</td>
      <td><label for="tw" class="checkbox-inline"><input type="checkbox" name="province" id="tw">台湾</label></td>
    </tr>
  </table>
  <div class="padding-10 text-center">
    <button class="btn btn-info" type="button" id="checkAll">全选</button><span class="lr_5"></span>
    <button class="btn btn-info" type="button" id="reset">重置</button><span class="lr_5"></span>
    <button class="btn btn-info" type="button" id="sure">确定</button>
  </div>
</form>
   <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script>
          $("#checkAll").click(function() {

            $("[name=province]:checkbox").prop("checked", true);
        })
        
          $("#reset").click(function(){
             $("[name=province]:checkbox").prop("checked", false);
          })
    </script>
</body>
</html>